/**
* Created by xudesong on 2019/1/14.
*/

<template>
    <div class="home2">
        <span class="demonstration">这是儿子组件 Home222</span>

    </div>
</template>

<script lang="ts">
    import Vue from 'vue'
    import {Inject, Provide, Prop, Model, Watch, Emit, Mixins } from 'vue-property-decorator'
    import Component from 'vue-class-component'
    @Component
    export default class Home2 extends Vue{
        messageData= 'Hello home 这是儿子组件!'
        reverseMessage() {
            console.log( "this.message:  ",this.messageData);
            this.messageData = this.messageData&&this.messageData.split('').reverse().join('')
        }
    }
</script>


<style scoped lang="scss">
    .home2{
        width: 100%;
        height: 300px;
        background-color: lawngreen;
        .demonstration{
            color: black;
        }
    }
</style>